import { getCssProperties } from "./transformArea";
import HighlightArea from "./types/HighlightArea";
import { FC } from "react";

interface HighlightRectProps {
  area: HighlightArea;
  rotation: number;
}

const HighlightRect: FC<HighlightRectProps> = ({ area, rotation }) => (
  <div
    className="rpv-highlight__selected-text"
    style={getCssProperties(area, rotation)}
  />
);

export default HighlightRect;
